<script setup lang="ts">
import {ArrowLeftBold} from '@element-plus/icons-vue'
import {useRoute} from "vue-router";

console.log(useRoute().params)

</script>

<template>
    <div class="box">
        <div class="tit">
            <router-link to="/index">
                <el-icon class="svgIcon">
                    <ArrowLeftBold/>
                </el-icon>
            </router-link>
            <span class="titText">详情</span>
        </div>
    </div>
</template>

<style scoped>
* {
    margin: 0;
    padding: 0;
}

.box {
    background-color: #F5F8FB;
}

.tit {
    padding: 4%;
    border-bottom: 1px solid rgba(42, 43, 65, 0.1);

    .titText {
        font-size: 4vw;
    }

    .svgIcon {
        margin-top: 1%;
        vertical-align: top;
        color: #5e5c5c;
    }
}
</style>